<template>
  <div class="app">
    <div v-if="isLogin" class="login">
      <h3>登录</h3>
      <div>
        用户名：
        <input type="text" name="username" value=""/>
      </div>
      <div>
        密码：
        <input type="password" name="password" value=""/>
      </div>
      <button>登录</button>
    </div>
    <div v-else class="register">
      <h3>注册</h3>
      <div>
        用户名：
        <input type="text" name="username" value=""/>
      </div>
      <div>
        密码：
        <input type="password" name="password" value=""/>
      </div>
      <button>注册</button>
    </div>
    <button @click="togglePage" type="button">切换登录注册页</button>
  </div>
</template>

<script>
  export default{
    name:'app',
    data(){
      return{
        isLogin:true
      }
    },
    methods:{
      togglePage:function(e){
        this.togglePage = !this.togglePage;
      }
    }
  }
</script>